#container{
	_width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0 0 0;
	position: relative;
}

#gallery, #thumbs{
	_float: left;
}

#gallery{
	_width: 800px;
	height: 500px;
	overflow: hidden;
}

#gallery img{
	_position: absolute;
        _max-height: 500px;
        _max-width: 800px;
}

#thumbs{
        height: 500px;
	_width: 100px;
	overflow: hidden;
}

#thumbs img{
	width: 100px;
}

#next{
	display: block;
	width: 47px;
	height: 43px;
	background: url(http://83.149.230.52:3000/static/img/arrow.png);
	position: relative;
	top: 500px;
	left: 128px;
}

#next:hover{
	background: url(http://83.149.230.52:3000/static/img/arrowmo.png);
}

.clear{
	clear: both;
}

#carousel {
}

#images {
  margin-left:0px;
}

#images div {
  height: 100%;
  position: absolute;
}

#tabs, #images div {
  max-height:600px;
}

#tabs {
  overflow:auto;
}

#tabs li {
   list-style: none outside none;
   float: right;
   margin: 0px 0% 2% 2%;
   width:48%;
}

#tabs li img {
    opacity:0.8;
    width: 100%;
    cursor: pointer;
}

#tabs li img:hover {
    opacity:1.0;
}

@media (min-width: 768px) and (max-width: 979px) {
  #tabs li {
     list-style: none outside none;
     margin: 0px 0% 2% 2%;
     width:100%;
  }
}

@media (max-width: 767px) {

  #tabs {
    max-height:initial;
    overflow:hidden;
    margin-left:-2%;
  }

  #tabs li {
     list-style: none outside none;
     margin: 0px 0% 2% 2%;
     width:31.3333%;
  }

  #tabs li img {
    width: 100%;
  }
}